<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>美图随心看</title>
<meta name="referrer" content="no-referrer" />
<meta name="referrer" content="same-origin">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link rel="stylesheet" href="${ctx}/smartMenu/smartMenu.css" type="text/css" />
<%@ include file="securty.jsp" %>
		<style>
.img_show { 
 	padding: 8px; 
	-webkit-transition: all 0.4s;
	_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>200?"200px":"");
}
 
</style>
<!--  -->

	<!--[if lt IE 9]>
	<script src="${ctx}/js/jquery-1.11.1.min.js"></script>
	<![endif]-->
	<!--[if gte IE 9]><!-->
	<script src="${ctx}/js/jquery-2.0.3.min.js"></script>
	<!--<![endif]-->

<script type="text/javascript" src="${ctx}/smartMenu/jquery-smartMenu.js"></script> 
<script type='text/javascript'>
<!--

function a(){
  window.opener = null;
   window.close();
}

$(document).ready(function() {  
	var regContextMenu=function(){
		var recovery = {
			text: "恢复",
			func: function() {
				  var $this=$(this);
				  var md5=$this.attr("src_md5");
				  var url="${ctx}/meizi/reg"
				  $.post(url,{md5:md5},function(dt){
				  	if(dt.retcode!=0){  return false; }
			  		$(".msg").html("<p>恢复成功</p>").fadeOut(4000);
			  		$this.parent().remove(); 
				  });
			} 
		}, seebig = {
			text: "查看原图..",
			func: function() {
				var src=$(this).attr("src_big");
			   //var md5=$(this).attr("src_md5");
				 window.open(src);
				// window.open("${ctx}/meizi/"+md5);
			}	
		};
		
		var imgMenuData=[];
		imgMenuData.push([seebig]);
		if(isLogin){  imgMenuData.push([recovery]);   }
		$(".image").find(".img_show").smartMenu(imgMenuData, { }); 	
	} ;
	regContextMenu();
}); 

$(document).ready(function() {  
	
	
});
//-->
</script>
	</head>
	<body>
 
<div>
	<a href="${ctx}/del?page=${meizi.pageNumber-1}" class='prev' >上一页</a>
	<a href="javascript:void(0)">${meizi.pageNumber}</a>
	<a href="${ctx}/del?page=${meizi.pageNumber+1}" class='next' >下一页</a>
        <a href="${ctx}/" class='' >美图随心看</a>
	<!-- <a href="javascript:void(0)" onclick="a()" >关闭</a> -->
</div>

		<div style="margin: 24px 120px; TEXT-ALIGN: center;" class="imgs">
			<c:forEach items="${meizi.list}" var="m">
				<a href="javascript:void(0)" class="image"><img src="${m.small}"  referrerpolicy="no-referrer"
						src_big="${m.big}" class="img_show" src_md5="${m.md5}" 
						style='max-height: 200px; ' /></a>
			</c:forEach>
		</div>
 <dir class='msg'></dir>

<div>
	<a href="${ctx}/del?page=${meizi.pageNumber-1}" class='prev' >上一页</a>
	<a href="javascript:void(0)">${meizi.pageNumber}</a>
	<a href="${ctx}/del?page=${meizi.pageNumber+1}" class='next' >下一页</a>
	<!-- <a href="javascript:void(0)" onclick="a()" >关闭</a> -->
        <a href="javascript:void(0)">总计${meizi.totalPage}页</a>
</div>

		 
	</body>
</html>
